.pageIndex{
    .banner{
        width: 100vw;
        height: 1293.04rpx;
        image{
            width: 100%;
            height: 100%;
        }
    }
    .huiyuanquanyi{
        width: 750rpx;
        height: 1031.01rpx;
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 55rpx 12.5rpx;
        .card{
            width: 724rpx;
            height: 600rpx;
            background:rgba(#fff,0.68);
            border-radius: 9rpx;
            padding: 0 25rpx;
            
            .title{
                padding-top: 40rpx;
                color: #040102;
                font-size: 30.38rpx;
                font-weight: 800;
                image{
                    width: 40.82rpx;
                    margin-right: 17rpx;
                }
                
            }
            .mofang{
                margin-top: 34rpx;
                .mof{
                    position: relative;
                    border-radius: 10rpx;
                    overflow: hidden;
                    image{
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        z-index: 9;
                        top: 0;
                        left: 0;
                    }
                    .mask{
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        z-index: 10;
                        top: 0;
                        left: 0;
                        background-color: rgba(#000,0.4);
                    }
                }
                .left{
                    width: 328.48rpx;
                    height: 455.7rpx;
                    .nei{
                        
                        margin-top: 291rpx;
                        margin-left: 31rpx;
                        .ti{
                            &:before{
                                content: " ";
                                position: absolute;
                                left: 0;
                                bottom: -20rpx;
                                
                                width: 43rpx;
                                height: 4rpx;
                                background: #FFFFFF;
                                border-radius: 2rpx;
                            }
                        }
                        .des{
                            margin-top: 30rpx;
                        }
                     
                    }
                }
                .nei{
                     color: #fff;
                     position: relative;
                     z-index: 12;
                     .ti{
                         font-size: 34.18rpx;
                         position: relative;
                       
                     }
                     .des{
                         font-size: 25.63rpx;
                     }
                }
                .right{
                    width: 327.53rpx;
                    .ro{
                        width: 100%;
                        height: 219.3rpx;
                    }
                    .top{
                        margin-bottom: 18rpx;
                    }
                    .nei{
                        
                        margin-top: 90rpx;
                        margin-left: 25rpx;
                        .ti{
                            font-size: 26.7rpx;
                            &:before{
                                content: " ";
                                position: absolute;
                                left: 0;
                                bottom: -13rpx;
                                
                                width: 43rpx;
                                height: 4rpx;
                                background: #FFFFFF;
                                border-radius: 2rpx;
                            }
                        }
                        .des{
                            margin-top: 20rpx;
                            font-size: 20.02rpx;
                        }
                     
                    }
                }
            }
        }
        .banner2{
            margin-top: 17rpx;
            width: 724rpx;
            height: 291.46rpx;
            image{
                width: 100%;
                height: 100%;
            }
        }
    }
    .shops{
        .head{
            height: 100rpx;
            width: 100%;
            background-color: #fff;
            padding: 23rpx;
            .l{
                display: flex;
                align-items: center;
                font-size: 30.38rpx;
                color:var(--str-max-color);
                font-weight: 800;
                image{
                   height: 37.03rpx;
                   width: 37.03rpx; 
                   margin-right: 18rpx;
                }
                
            }
            .search{
                width: 475rpx;
                height: 61rpx;
                background: #F0E9E5;
                border-radius: 30rpx;
                padding: 0 18rpx;
                input{
                    font-size: 22.78rpx;
                }
            }
        }
       
    }
}